<template>
	<view>
		<navbar :backshow="true" :title="title" :navBarHeight="navBarHeight" :menuRight="menuRight" :menuTop="menuTop"
			:menuHeight="menuHeight"></navbar>
		<!-- tab切换 -->
		<!-- 头部展位 -->
		<view class="main" :style="{ height: mainheight + 'px' }"></view>
		<!-- 提交 -->
		<view class="tjcgbox">
			<image src="../../static/tjcg.png" mode="" class="tjcgboximg"></image>
			<view class="tjcjms">您的预约请求已经提交成功！</view>
			<view class="tjcjmst">管理员正在为您审核，请耐心等待。</view>
		</view>
		<view class="zwdbox"></view>
		<view class="savabox" @click="backs">好的，返回主页</view>
		<view class="backbox" @click="back">我还要预约</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: "提交结束",
				navBarHeight: 0, // 导航栏高度
				menuRight: 0, // 胶囊距右方间距（方保持左、右间距一致）
				menuTop: 0, // 胶囊距底部间距（保持底部间距一致）
				menuHeight: 0, // 胶囊高度（自定义内容可与胶囊高度保证一致）
				mainheight: 0,
			};
		},
		onLoad() {
			const that = this;
			// 获取系统信息
			const systemInfo = wx.getSystemInfoSync();
			// 胶囊按钮位置信息
			const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
			// 导航栏高度 = 状态栏高度 + 44
			that.navBarHeight = systemInfo.statusBarHeight + 44;
			that.menuRight = systemInfo.screenWidth - menuButtonInfo.right;
			that.menuTop = menuButtonInfo.top;
			that.menuHeight = menuButtonInfo.height;
			that.mainheight = menuButtonInfo.top + menuButtonInfo.height;
		},
		methods: {
			back() {
				uni.navigateTo({
					url: "/pages/roombook/roombook", // 要跳转的非 tabBar 页面路径，可以带参数
				});
			},
			backs() {
				uni.switchTab({
					url: "/pages/home/home",
					success(res) {
						console.log("跳转成功", res);
					},
					fail(err) {
						console.error("跳转失败", err);
					},
				});
			},
		},
	};
</script>

<style></style>